<!--注册页面-->
{% extends 'master.html' %}
{% load static %}
{% block title %}
<title>囍管家——欢迎注册</title>
{% endblock %}
{% block css %}
<link rel="stylesheet" type="text/css" href="{% static 'css/register.css' %}"/>
<link rel="stylesheet" href="{% static 'plugins/hover-css/css/hover.css' %}">
{% endblock %}
{% block content %}
<!--注册框-->
<form method="POST" id="register" novalidate>
    <div style="height:80%;width:100%;">
        <div class="register-title">
            <p style="font-size: 40px; font-weight: bolder;">欢迎注册</p>
            <p style="font-size: 20px;">已有账号？
                <a href="/" style="text-decoration: none;">立即登录</a>
            </p>
        </div>
        <div class="outside-div">
            <div class="input-div-res">
                <label for="id_{{ form.username.label }}"
                       style="font-size: 20px; margin-left: 10px"><i
                        class="fa fa-user-plus"></i>&nbsp;&nbsp;{{ form.username.label }}</label>
                {{ form.username }}
            </div>
            <p class="error-msg"></p>
        </div>

        <div class="outside-div">
            <div class="input-div-res">
                <label for="id_{{ form.password.label }}"
                       style="font-size: 20px; margin-left: 10px"><i
                        class="fa fa-unlock"></i>&nbsp;&nbsp;{{ form.password.label }}</label>
                {{ form.password }}
            </div>
            <p class="error-msg"></p>

        </div>

        <div class="outside-div">
            <div class="input-div-res">
                <label for="id_{{ form.ensure_password.label }}"
                       style="font-size: 20px; margin-left: 10px"><i
                        class="fa fa-check-square-o"></i>&nbsp;&nbsp;{{ form.ensure_password.label }}</label>
                {{ form.ensure_password }}
            </div>
            <p class="error-msg"></p>

        </div>

        <div class="outside-div">
            <label class="super-root-div">
                <span style="font-size: 20px; margin-left: 10px">管理员权限</span>
                <input type="checkbox" name="super-user" id="checkBox" class="form-check-input">
                {{ form.root_password }}
            </label>
            <p class="error-msg"></p>
        </div>

        <button type="button" class="register-btn hvr-bounce-to-right" id="register-btn">注册</button>
    </div>
</form>
{% endblock %}
{% block js %}
<script src="{% static 'js/register.js' %}" type="text/javascript" charset="utf-8"></script>
{% endblock %}
